<!DOCTYPE html>
<html lang="zh-cn">
{{ partial "head.html" . }}

<body>
    {{ $active:="index" }}
    {{ partial "header.html" (dict "context" .   "active" "index")}}
    <section class="hero is-default is-bold">
        <div class="container">
            <div class="content-wrapper">
                <div class="columns">
                    <div class="column is-half-desktop is-full-mobile lw40" style="padding: 16px;">
                        <h1 class="is-hidden-mobile">
                            <img src="images/rainbondlog.png" alt="Rainbond" /><br>
                        </h1>
                        <h2>云原生且易用的应用管理平台</h2>
                        <p>云原生应用交付的最佳实践，简单易用。专注于以应用为中心的理念。赋能企业搭建云原生开发云、云原生交付云。是 <a href="https://store.goodrain.com" target="_blank">Rainstore</a> 云原生应用商店的最佳交付支撑平台。</p>
                        <div class="button-cta">
                            <a class="button is-primary" href="/docs/quick-start/quick-install/" target="_blank"
                                rel="noopener noreferrer">
                                安装使用
                            </a>
                            <a class="button is-lights"
                                href="https://cloud.goodrain.com/enterprise-server/trial">申请产品演示</a>
                        </div>
                    </div>
                    <div class="column is-half-desktop is-full-mobile rw60">
                        <div class="video-wrapper">
                            <div class="video ui">
                                <video id="video" playsinline="" webkit-playsinline controls preload="metadata">
                                    <source
                                        src="https://grstatic.oss-cn-shanghai.aliyuncs.com/videos/demo-video-5.2.mp4"
                                        type="video/mp4">
                                </video>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- <section class="section section-feature-grey is-medium" id="download">
        <div class="container">

            <div class="title-wrapper has-text-centered">
                <h3 class="title is-6">三步开始 Rainbond Cloud 云原生多云应用管理</h3>
                <p>最便捷的 Rainbond 产品体验方式</p>
            </div>

            <div class="content-wrapper">
                <div class="columns">
                    <div class="column is-half-desktop is-full-mobile">
                        <div class="columns download-step">
                            <div class="column">
                                <h2><span class="bigno">1</span>注册账户和企业</h2>
                                <p>开通企业账号，注册企业独享的访问域名</p>
                            </div>
                        </div>

                        <div class="columns download-step">
                            <div class="column">
                                <h2><span class="bigno">2</span>30分钟对接您的公有云资源</h2>
                                <p>对接管理阿里云、AWS、华为云等云厂商的资源，自动化部署生产环境，实现云原生多云应用管理</p>
                            </div>
                        </div>

                        <div class="columns download-step">
                            <div class="column">
                                <h2><span class="bigno">3</span>划分团队，添加开发者，部署应用，体验云原生应用管理模式</h2>
                                <p>免费支持5个开发者和调度管理30GB内存，支撑企业快速提升业务研发和交付效率</p>
                            </div>
                        </div>
                    </div>
                    <div class="column is-half-desktop is-full-mobile">
                        <div class="video-wrap">
                            <div class="start-prompt video-show"
                                data-src="https://grstatic.oss-cn-shanghai.aliyuncs.com/videos/rainbond-cloud-init-cluster.mp4">
                                <div class="play-button">
                                    <div>
                                        <div class="bg"><img src="/images/install-cluster.png" /></div>
                                        <span>
                                            <svg version="1.1" viewBox="0 0 866.0254037844387 866.0254037844387"
                                                class="icon">
                                                <defs>
                                                    <mask id="small-triangle-mask">
                                                        <rect width="100%" height="100%" fill="white"></rect>
                                                        <polygon
                                                            points="508.01270189221935 433.01270189221935, 208.0127018922194 259.8076211353316, 208.01270189221927 606.217782649107"
                                                            fill="black"></polygon>
                                                    </mask>
                                                </defs>
                                                <polygon
                                                    points="808.0127018922194 433.01270189221935, 58.01270189221947 -1.1368683772161603e-13, 58.01270189221913 866.0254037844386"
                                                    mask="url(#small-triangle-mask)" fill="white"></polygon>
                                                <polyline
                                                    points="481.2177826491071 333.0127018922194, 134.80762113533166 533.0127018922194"
                                                    stroke="white" stroke-width="90"></polyline>
                                            </svg></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="columns">
                    <div class="column has-text-centered">
                        <div class="has-text-centered">
                            <a class="button" target="_blank" href="/docs/quick-start/rainbond-cloud/">了解更多</a>
                            <a style="margin-left: 16px;" class="button is-primary" target="_blank"
                                href="https://cloud.goodrain.com/enterprise-server/registered">开始注册</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section> -->
    <section class="section section-feature-grey is-medium" id="about">
        <div class="container">
            <div class="title-wrapper has-text-centered">
                <h3 class="title is-6">项目特点</h3>
            </div>

            <div class="content-wrapper">
                <div class="columns is-mobile no-sh is-multiline">

                    <div class="column is-full-mobile card is-half-tablet">
                        <div class="card-title">
                            <h4>以应用为中心</h4>
                        </div>
                        <div class="card-icon">
                            <div class="card-icon-b"><img src="/images/app.svg"></div>
                        </div>
                        <div class="card-text">
                            <p>开发者仅需围绕符合<a href="https://12factor.net/zh_cn/" target="_blank">12要素</a>的应用（组件）进行开发和运维管理，无需面对复杂的底层资源，包括Kubernetes资源。</p>
                        </div>
                    </div>

                    <div class="column is-full-mobile card is-half-tablet">
                        <div class="card-title">
                            <h4>云原生应用交付</h4>
                        </div>
                        <div class="card-icon">
                            <div class="card-icon-b"><img src="/images/center.svg"></div>
                        </div>
                        <div class="card-text">
                            <p>提供完善的云原生应用组装和多云分发流程，覆盖测试交付、生产运维交付、To B 产品交付等场景。</p>
                        </div>
                    </div>

                    <div class="column is-full-mobile card is-half-tablet">
                        <div class="card-title">
                            <h4>Kubernetes 多云对接</h4>
                        </div>
                        <div class="card-icon">
                            <div class="card-icon-b"><img src="/images/cloud.svg"></div>
                        </div>
                        <div class="card-text">
                            <p>Kubernetes 即将成为云原生基础设施，Rainbond 支持对接管理多个 Kubernetes 集群，提供应用运行环境，屏蔽 Kubernetes 技术复杂性，赋能基础设施管理。</p>
                        </div>
                    </div>

                    <div class="column is-full-mobile card is-half-tablet">
                        <div class="card-title">
                            <h4>面向交付的应用架构</h4>
                        </div>
                        <div class="card-icon">
                            <img alt="" src="/images/openapi.svg">
                        </div>
                        <div class="card-text">
                            <p>应用与运行环境解耦合，服务治理架构与业务逻辑解耦合，使应用天生具有微服务治理能力，资源不绑定能力。</p>
                        </div>
                    </div>

                    <div class="column is-full-mobile card is-half-tablet">
                        <div class="card-title">
                            <h4>开发者友好</h4>
                        </div>
                        <div class="card-icon">
                            <img alt="" src="/images/code.svg">
                        </div>
                        <div class="card-text">
                            <p>平台支持多种简单途径持续构建云原生应用，开发者无需学习 Kubernetes 、微服务知识、高级运维知识，即可获得最佳的云原生体验。</p>
                        </div>
                    </div>

                    <div class="column is-full-mobile card is-half-tablet">
                        <div class="card-title">
                            <h4>开 源</h4>
                        </div>
                        <div class="card-icon">
                            <img alt="参与开源" src="/images/community.svg">
                        </div>
                        <div class="card-text">
                            <p>Rainbond 是一个完整开源的企业级平台。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section section-feature-grey is-medium" id="old-vs-new">
        <div class="container">
            <div class="title-wrapper has-text-centered">
                <h3 class="title is-6">场景与技术</h3>
            </div>
            <div class="content-wrapper">
                <div class="columns">
                    <div class="column is-half oldstuff">
                        <h3>你可能关注的问题:</h3>
                        <h2 class="is-2">跟随云原生技术潮流，解决业务障碍</h2>
                        <ol>
                            <li>企业业务系统多或交付客户环境多，需要建立统一交付体系。</li>
                            <li>To B 交付, 产品复用性差，需要建立标准化产品模块共享平台。</li>
                            <li>To B 交付自动化低，交付周期长，需要更高效的交付方式。</li>
                            <li>交付项目，客户需要一个易于使用且成熟的云平台。</li>
                            <li>已了解 Kubernetes 的优势，却困于如何用好 Kubernetes。</li>
                            <li>企业开发环境、测试环境、公有云生产环境的基础设施和应用统一管理。</li>
                            <li>企业没有运维员工，需要一个开发者友好的开发、运维一体化平台。</li>
                            <li>更多需要使用易用的云原生应用管理平台的场景。</li>
                        </ol>
                    </div>

                    <div class="column is-half newstuff">
                        <h3>通过 Rainbond:</h3>
                        <h2 class="is-2">一站式解决方案</h2>
                        <ol>
                            <li>产品管理、客户管理、在线持续交付技术，打造企业统一应用交付体系。</li>
                            <li>云原生应用模型技术，辅助企业完成业务模块化改进和技术共享。</li>
                            <li>云到云协同、云到端协同技术，打通应用交付全链路。</li>
                            <li>Kubernetes资源自动按需生成技术，直接获取 Kubernetes 最佳实践。</li>
                            <li>多云管理技术，应用在多云间随时迁移。</li>
                            <li>流量管理、应用全方位监控、日志管理，链路追踪等运维技术开箱即用。</li>
                        </ol>
                    </div>

                </div>

            </div>
        </div>
    </section>

    <section class="section section-feature-grey is-medium" id="testimonial">
        <div class="container">

            <div class="title-wrapper has-text-centered">
                <h3 class="title is-6">社区用户</h3>
            </div>

            <div class="content-wrapper is-mobile columns is-multiline">
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image"><a title="京东方科技集团股份有限公司"><img src="images/users/boe.jpg" alt="BOE" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="中国煤炭科工集团"><img src="images/users/meike.png" alt="中国煤炭科工集团" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="北控软件"><img src="images/users/bkrj.jpg" alt="北控软件" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="中公高科"><img src="images/users/zggk.jpg" alt="中公高科" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="青椒课堂"><img src="https://cdn.qingjiao.pub/20200814/img/logo_primary.6426014d.png"
                                alt="青椒课堂" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="电信科学技术第五研究所"><img src="images/users/5suo.jpg" alt="电信科学技术第五研究所" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="联影医疗"><img src="https://www.united-imaging.com/assets/image/font_img/UIHC_whiteBG_CN_logo.svg" alt="联影医疗" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="武汉绿之云"><img src="https://cdn-store.goodrain.com/assets/images/lvzhiyun.png" alt="武汉绿之云" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="简帛信息科技有限公司"><img src="images/users/jianbo.jpg" alt="厦门简帛" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="北京滴普科技有限公司"><img src="images/users/dipu.jpeg" alt="北京滴普科技" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="中海创科技"><img src="images/users/zhonghai.png" alt="中海创科技" /></a>
                    </figure>
                </div>
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="山东鲁能软件"><img src="/images/users/luneng.png" alt="山东鲁能软件" /></a>
                    </figure>
                </div> 
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="西南民族大学"><img src="/images/users/xinanmingzu.jpg" alt="西南民族大学" /></a>
                    </figure>
                </div> 
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="广西体育高等专科学校"><img src="/images/users/guangxitizhuan.png" alt="广西体育高等专科学校" /></a>
                    </figure>
                </div> 
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="清能互联"><img src="/images/users/qingnenghulian.png" alt="清能互联" /></a>
                    </figure>
                </div> 
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="厦门吉联"><img src="/images/users/jilian.png" alt="厦门吉联" /></a>
                    </figure>
                </div> 
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="江苏荣泽信息科技"><img src="/images/users/rongze.png" alt="江苏荣泽信息科技" /></a>
                    </figure>
                </div> 
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="青岛迪迪科技"><img src="/images/users/didi.png" alt="青岛迪迪科技" /></a>
                    </figure>
                </div> 
                {{range .Site.Params.users}}
                <div class="column is-half-mobile is-2-desktop">
                    <figure class="image">
                        <a title="{{ .title }}"><img src="{{ .logo }}" alt="{{ .title }}" /></a>
                    </figure>
                </div> 
                {{end}}
            </div>

        </div>
        </div>
    </section>

    {{partial "medium.html" }}

    {{ partial "footer.html" . }}
    <script type="text/javascript" src="/js/video.min.js"></script>
    <script type="text/javascript" src="/js/modal-video.js?20190809"></script>
    <script>
        $(function () {
            var modalVideo = new ModalVideo({ width: 1000, height: 550 });
            $(".video-show").click(function () {
                modalVideo.show({ url: $(this).data("src") });
            });
        });
    </script>
    <script>
        function openTab(evt, tabTitle) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }
            document.getElementById(tabTitle).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>
    <script>
        var clipboard = new ClipboardJS('.button');


        clipboard.on('success', function (e) {
            e.clearSelection();
            console.info('Action:', e.action);
            console.info('Text:', e.text);
            console.info('Trigger:', e.trigger);
            showTooltip(e.trigger, 'Copied!');
        });
        clipboard.on('error', function (e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
            showTooltip(e.trigger, fallbackMessage(e.action));
        });
    </script>
</body>